@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
height: 90px; /*Height of top section*/
}
#slide {
	width: 960px;
	background: #0078ce;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
width: 425px;
background: #FFF;
float: right;
}

#leftcolumn{
float: left;
width: 525px; /*Width of left column*/
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/

}


#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer ul li{
	display: inline;
	text-decoration: none;
	text-transform: uppercase;
	margin: 10px 0px 0px 30px;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 10px 0px 10px 0px; /*Margins for inner DIV inside each column (to provide padding)*/

}
.innertube ul li{
	display: inline;
	text-decoration: none;
	text-transform: uppercase;
	margin: 20px 20px 20px;
	padding: 10px 10px 10px;	
}
/* slide on navar */
.left-slide {
	width: 300px;
	height: 350px;
	background: #CC3 url(images/left-slide.jpg);
	float: left;	
}
.right-slide {
	width: 660px;
	height: auto;
	background: #036;
	float: right;	
}
.right-slide img {
	width: 660px;	
	height: 350px;
	float: right;
}
.click-slide {
	width: 320px;
	height: 70px;
	position: absolute;
	background: #000;	
	margin: 180px 0px 0px 90px;
}
.click-slide h1 {
	color: #FFF;
	font-size: 26px;
	font-family: Sans-serif;
}
.click-slide h2 {
	color: #CCC;
	font-size: 18px;	
	margin: -15px 0px 0px 0px;
}
/* left */
.left-01 {
	width: 100%;	
	height: auto;
}
.left-01 h1 {
	font-size: 24px;
	text-transform: uppercase;
	color: #f39442;
	margin-left: 5px;
}
.left-01 h2 {
	font-size: 14px;
	color: #2a4359;
	margin: -20px 0px 0px 10px;
	text-transform: uppercase;
}
#spolight-01 {
	width: 260px;
	float: left;
	margin-top: 10px;
}
.spolight-01 {
	background: #CC3;
}
.spolight-01 img {
	width: 90%;
	height: 50px;
}
.txt-spolight { margin-left: 10px; }
.txt-spolight h1{
	font-weight: bold;
	font-size: 16px;
	text-transform: none;	
	margin-left: 20px;
	color: #2a4359;
}
.txt-spolight img{
	float: left;
}
.buttom {
	margin: 10px;
}
.buttom img {
	width: 15px;
	height: 15px;
}
.txt-spolight p{
	font-size: 14px;
	text-decoration: underline;
	margin: 5px 0px 0px 0px;
	}
#spolight-02 {
	width: 260px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;	
}
.left-02 {
	clear: both;
	width: 100%;
	height: 320px;
	margin: 10px 0px 0px 0px;	
}
.left-02 h1 {
	font-size: 24px;
	text-transform: uppercase;
	color: #f39442;
	margin-left: 5px;
}
.left-02 h2 {
	font-size: 14px;
	color: #2a4359;
	margin: -20px 0px 0px 10px;
	text-transform: uppercase;
}
.left-02-01 {
	width: 255px;
	float: left;
	margin-top: 10px;
}
.left-02-02 {
	width: 260px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}
.post-left img{
	width: 100px;
	height: 100px;
	float: left;
}
.post-right {
	text-align: left;
	text-decoration: underline;
	padding: 0px;
	color: #2a4359;
}
.post-readmore {
	float: right;	
	margin: 15px;
}
.post-readmore img {
	width: 15px;
	height: 15px;	
}
/* right */
.welcome {
	width: 100%;
	background: #FFF;	
}
.welcome h1{
	font-family: Tahoma, Geneva, sans-serif,"Sansa Bold";
	font-size: 16px;
	text-transform: uppercase;
	color: #f39442;
	font-weight:bold;
	
}
.welcome h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: -15px 0px 0px 0px;
	color: #3f7e8d;
	
}
.welcome p { color: #3f7e8d; }
.market {
	width: 100%;
	background: #2a4359;	
	
}
.market img{
	width: 120px;
	height: 150px;
	float: left;
	margin-right: 15px;
}
.market1 {
	width: 100%;
	background: #3f7e8d;	
	
}
.market1 img{
	width: 120px;
	height: 150px;
	float: left;
	margin-right: 15px;
}
.text-more {
	text-align: right;
	background: #2a4359 url(images/bg_more.png);
	clear: both;
	color: #FFF;
}
.text-more img{
	float: right;
	width: 15px;
	height: 15px;
	margin: 5px;
}
.info {
	margin-top: 15px;	
}
.info img{
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px;
}
.info p{
	margin: -1px 0px 0px 0px;
	text-decoration: underline;
	color: #FFF;
}
.info h1{
	font-family: Sansa;
	font-size: 24px;
	margin-top: 5px;
	color: #ccdde1;
	
}
.info h2{
	font-family: Sansa;
	font-size: 12px;
	margin: -15px 0px 0px 0px;
	color: #bfe8be;
}

